<template>
<div>
  <div class="topbar">
            <div class="iconfont">
              <van-icon name="arrow-left"/>
            </div>
            <p>瑞幸多点联名套餐</p>
    </div>
    <div class="image">
        <img src="myimg/myding/7.png" alt="">
    </div>

   <div id="banner">
        <p>优惠组合</p>
        <Powerson/>
        <Powerson/>
        <Powerson/>
   </div>
   <div class="foot"> <img src="myimg/myding/8.png" alt="">
   <img src="myimg/myding/9.png" alt=""> </div>
 
   
         
    

     
      </div>
</template>

<script>
import Powerson from "@c/my/powerson.vue"
export default {
    components:{
        Powerson
    }
}
</script>

<style scoped>

.topbar{
    width: 2.6rem;
    height: 0.9rem;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.topbar .iconfont{
    font-size:30px;
}
.topbar p{
    font-size:20px ;
}
.image img{
    width: 100%;
}
#banner{
    width: 350px;
    text-align: center;
    margin: auto;
    box-sizing: border-box;
    padding: 20px 20px 0;
     background: #fff;
}
#banner p{
   font-weight:bold;
   margin-bottom: 50px;
}
.foot img{
    width: 100%;
    margin-top:10px ;
}
</style>